
<!-- Tab 第一次代码 开始啦-->
<!-- <template>
  <div>
    <tab :tab-data="tabData"></tab>
  </div>
</template>

<script>
import Tab from './components/Tab/index.vue';

export default {
  name: 'App',
  components: {
    Tab
  },
  data() {
    return {
      tabData: {
        intialIndex: 1,
        searchValue: 'This is CONTENT-3!',
        data: [
          { id: 1, itemTitle: 'NAV-1', title: 'Title-1', content: 'This is CONTENT-1!' },
          { id: 2, itemTitle: 'NAV-2', title: 'Title-2', content: 'This is CONTENT-2!' },
          { id: 3, itemTitle: 'NAV-3', title: 'Title-3', content: 'This is CONTENT-3!' },
          { id: 4, itemTitle: 'NAV-4', title: 'Title-4', content: 'This is CONTENT-4!' }
        ]
      }
      }
    }
  }

</script> -->
<!-- Tab 第一次代码 结束啦-->


<!-- Tab第二次代码 开始啦 -->
<!-- <template>
  <div>
    <tab 
      :tab-data="tabData"
    ></tab>
  </div>
</template>

<script>
import Tab from './components/TabExe/index.vue'

export default {
  name: 'App',
  components: {
    Tab
  },
  data() {
    return {
      tabData: {
        intialIndex: 2,
        data: [
          { id: 1, itemTitle: 'TAB-1', title: 'Title-1', content: 'This is CONTENT-1!' },
          { id: 2, itemTitle: 'TAB-2', title: 'Title-2', content: 'This is CONTENT-2!' },
          { id: 3, itemTitle: 'TAB-3', title: 'Title-3', content: 'This is CONTENT-3!' },
          { id: 4, itemTitle: 'TAB-4', title: 'Title-4', content: 'This is CONTENT-4!' },
          { id: 5, itemTitle: 'TAB-5', title: 'Title-5', content: 'This is CONTENT-5!' }
        ]
      }
    }
  }

}
</script> -->
<!-- Tab第二次代码 结束啦 -->
